<template>
  <p>
    <su-button size="large">Large</su-button>
    <su-button>Default</su-button>
    <su-button size="small">Small</su-button>
    <su-button size="large" icon="search">Search</su-button>
    <su-button icon="search">Search</su-button>
    <su-button size="small" icon="search">Search</su-button>
  </p>
  <p>
    <su-button size="large" round>Large</su-button>
    <su-button round>Default</su-button>
    <su-button size="small" round>Small</su-button>
    <su-button size="large" icon="search" round>Search</su-button>
    <su-button icon="search" round>Search</su-button>
    <su-button size="small" icon="search" round>Search</su-button>
  </p>
  <p>
    <su-button size="large" icon="search" circle />
    <su-button icon="search" circle />
    <su-button size="small" icon="search" circle />
  </p>
</template>
